/*#splash {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1b1b1b;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #dce0df;
    opacity: 1;
    visibility: visible;
    transition: opacity 700ms linear, visibility 0s linear 700ms;
	-moz-transition: opacity 700ms linear, visibility 0s linear 700ms;
	-webkit-transition: opacity 700ms linear, visibility 0s linear 700ms;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;
}

#splash.hidden {
	opacity:0;
	visibility: hidden;
}*/

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Rimuove il bordo verde quando si seleziona un elemento */
body { -webkit-animation: bugfix infinite 1s; }                          /* Per risolvere il problema dell'adiacent */
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }    /* sibiling selector ~ */

@font-face
{
	font-family: myriadFont;
	/*src: url(../resources/font/MyriadPro-Regular.otf);*/
	src: url(../resources/font/Sansation_Light.ttf);
}

a {
	text-decoration: none;
	color: #748389;
}


/*************** Nav ***************/
nav {
	z-index: 20;
	position: fixed;
    text-align:center;
    margin:0;
	width: 100%;
	height:45px;
	top: 0px;
	left: 0px;
	background: url(../resources/img/navbackground.png) repeat;
	/*background-color: rgba(98,98,98,0.7);*/
	color: #fff;
	/*font-weight: bold;*/
	text-shadow: 0px 0px 5px #000;
} 

nav ul {
	display: inline-block;
	padding: 0px;
	margin: 6px 0px 0px 0px;
    list-style: none;
    height:100%;
}

nav ul li {
	display: inline;
    float: left;
    /*height:100%;*/
    padding: 0px 8px 0px 8px; /* Aggiornare anche in 'nav ul > li:last-child >:not(span)' */
}

nav ul > li:first-child { /*si applica al primo elemento*/
    position: absolute;
    left: 0px;
}

nav ul > li:last-child >:not(span) { /*si applica all'ultimo elemento tranne se è uno span (che è il caso della prima schermata)*/
    position: absolute;
    right: 8px; /* Aggiornare anche in 'nav ul li' */
}

nav ul li img {
	height:36px;
}

nav ul li span {
    font-size: 160%;
    font-family: myriadFont;
    text-decoration: none;
    color: #ffffff;
}
/*************** Nav END ***************/



header {
	z-index: 19;
	position: fixed;
	float: left;
	display:-webkit-box;
	-webkit-box-align:center;
	width: 100%;
	height: 18px;
	top: 45px;
	left: 0px;
	padding-left: 20px;
	font-size: 12px;
    font-family: myriadFont;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #748389;

	background: -webkit-gradient(linear, right top, right bottom, from(#f4f4f4), to(#d9d9d9));
}

.page
{
	/*position:absolute;*/
	float: left;
	margin: 63px 0px 0px 0px;
	width: 100%;
	/*height:100%;*/
	background: url(../resources/img/background.png) repeat;
	font-family: myriadFont;
}

.frame {
	float: left;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #999;
	-webkit-box-shadow: 0px 2px 4px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 2px 4px rgba(90, 90, 90, 0.75);
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
    font-family: myriadFont;
    color: #748389;
}

.centeredframe {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
}

.centercontent {
	clear: both;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;
	padding-top: 30px;
	padding-bottom: 10px;
}

.centercontent.horizontal{
	-webkit-box-orient: horizontal;
}

.centercontent p {
	margin: 4px;
}

.frame form, .frame .form {
	margin: 30px 20px 30px 20px;
}

form ul, .form ul {
	list-style: none;
	/*border: 1px solid #7fc1d5;
	border-radius: 8px 8px;
	-webkit-box-shadow: 0px 0px 4px #7fc1d5, inset 0px 1px 3px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 4px #7fc1d5, inset 0px 1px 3px rgba(90, 90, 90, 0.75);*/

}

/*form ul li,*/
.form li {
	clear: both;
	font-size: 13px;
	padding: 7px 0px 7px 0px;
	/*padding: 0px;
	border-bottom: 1px solid #7fc1d5;*/
}

/*form ul li input, .form ul li input {
	width: 100%;
	height: 34px;
	border-radius: 0px 0px;
	-webkit-box-shadow: 0px 0px 0px #7fc1d5, inset 0px 0px 0px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 0px #7fc1d5, inset 0px 0px 0px rgba(90, 90, 90, 0.75);
	padding: 0px;
}

form ul li input:focus, .form ul li input:focus {
    -webkit-box-shadow: 0px 0px 0px #007eff, inset 0px 0px 0px rgba(90, 90, 90, 0.75);
    box-shadow:         0px 0px 0px #007eff, inset 0px 0px 0px rgba(90, 90, 90, 0.75);
}  */

.lostpwd {
	float: right;
	display: block;
	margin: 0px;
    font-family: myriadFont;
    color: #748389;
}

.lostpwd p, .lostpwd a {
	margin: 4px;
	font-size: 13px;
}

p {
	color: #748389;
	font-size: 13px;
	text-decoration: none;
}

/*.explorefree {
	width: 100%;
	clear: both;
	float: left;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;
	padding-top: 30px;
	padding-bottom: 30px;
}

.explorefree p {
	margin: 4px;
}*/

.box {
	border: 0px;
	border-radius: 7px 7px;
	-webkit-box-shadow: 0px 0px 2px #7fc1d5;
	box-shadow:         0px 0px 2px #7fc1d5;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	background: #f9f9f9;
}

#photo {
	height: 120px;
	width: 90px;
	/*border: 1px solid #7fc1d5;*/
	border: 0px;
	border-radius: 7px 7px;
	-webkit-box-shadow: 0px 0px 3px #7fc1d5, inset 0px 1px 1px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 3px #7fc1d5, inset 0px 1px 1px rgba(90, 90, 90, 0.75);
	padding: 0px;
	text-indent: 4px;
	outline: none;
	/*padding: 0px 4px 0px 4px;*/
}


input, select, textarea {
	/*border: 1px solid #7fc1d5;*/
	border: 0px;
	border-radius: 7px 7px;
	-webkit-box-shadow: 0px 0px 3px #7fc1d5, inset 0px 1px 1px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 3px #7fc1d5, inset 0px 1px 1px rgba(90, 90, 90, 0.75);
	padding: 0px;
	text-indent: 4px;
	outline: none;
	/*padding: 0px 4px 0px 4px;*/
}

input {
	width: 100%;
	height: 30px;
}

select {
	width: 100%;
	height: 30px;
	/*background: url(../resources/img/arrow_down.png) no-repeat 97% center;
	-webkit-appearance: none;*/ /* Per "stilare" i SELECT, altrimenti si vedono di default */
}

textarea {
	width: 100%;
}

textarea.big {
	height: 90px;
}

textarea.small {
	height: 50px;
}

input:focus, textarea:focus {  
    -webkit-box-shadow: 0px 0px 5px #007eff, inset 0px 1px 3px rgba(90, 90, 90, 0.75);
    box-shadow:         0px 0px 5px #007eff, inset 0px 1px 3px rgba(90, 90, 90, 0.75);
}

input:invalid, .lectureschedule input:invalid {
	-webkit-box-shadow: 0px 0px 5px #ff0066, inset 0px 1px 3px rgba(90, 90, 90, 0.75);
    box-shadow:         0px 0px 5px #ff0066, inset 0px 1px 3px rgba(90, 90, 90, 0.75);
}

.lectureschedule input, .lectureschedule select {
	width: 18%;
	margin: 2px;
}

.lectureschedule input.hall {
	width: 27%;
	margin: 2px;
}

.searchhall input,
.appointment input {
	width: 40%;
	margin: 2px;
}



/*************** Horizontal Radio Button ***************/

.radio-container {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
    width: 100%;
    height: 30px;
    padding: 0px;
}

.radio-container > div {
	float: left;
	width: 50%;
	height: 100%;
}


.radio-container label {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
	width: 100%;
	height: 100%;
    position: relative;
    z-index: 15;
    cursor: pointer;
    /*color: #5d728a;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    /*line-height: 23px;*/
    font-size: 17px;
    background: -webkit-gradient(linear, right top, right bottom, from(#fefefe), to(#f9f9f9));
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0px 0px 2px #7fc1d5;
	box-shadow:         0px 0px 2px #7fc1d5;

}

.radio-container > div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.radio-container > div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}


.radio-container input:checked + label {
	background: -webkit-gradient(linear, right top, right bottom, from(#e8f3ff), to(#cce1f8));
    /*color: #3d7489;*/
}


.radio-container input {
    display: none;
}


/*************** Horizontal Radio Button END ***************/



button, .button {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
	height: 45px;
	background-color: #f2f2f2;
	border: 1px solid #dcdcdc;
	border-radius: 2px 2px;
	-webkit-box-shadow: 0px 3px 5px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 3px 5px rgba(90, 90, 90, 0.75);
	font-size:20px;
    font-family: myriadFont;
    font-weight: bold;
    color: #444444;
    padding: 0px 15px 0px 15px;
    margin: 0px 7px 0px 7px;
    text-decoration:none;
}

button.small, .button.small {
	height: 32px;
	padding: 0px;
	margin: 0px 12px 0px 12px;
}

button.fake-active, .button.fake-active {
	/*background-color: #0095CD;*/
	/*background-color: #7fc1d5;*/
	background: -webkit-gradient(linear, right top, right bottom, from(#f2f2f2), to(#7fc1d5));
}

 button span.icon, .button span.icon {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
	line-height: 32px;
	height: 32px;
	width: 32px;
	max-width: 32px;
	overflow: hidden;
}

button span.icon.tick, .button span.icon.tick {
	background: url(../resources/img/tick.png) no-repeat center center;
}

button span.icon.appointment, .button span.icon.appointment {
	background: url(../resources/img/appointment.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.addcourse, .button span.icon.addcourse {
	background: url(../resources/img/addcourse.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.addadvice, .button span.icon.addadvice {
	background: url(../resources/img/addadvice.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.plus, .button span.icon.plus {
	background: url(../resources/img/plus.png) no-repeat center center;
}

button span.icon.minus, .button span.icon.minus {
	background: url(../resources/img/minus.png) no-repeat center center;
}

button span.icon.magnifier, .button span.icon.magnifier {
	background: url(../resources/img/magnifier.png) no-repeat center center;
}

button span.icon.pin, .button span.icon.pin {
	background: url(../resources/img/pin.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.rate, .button span.icon.rate {
	background: url(../resources/img/rate.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.bookmark, .button span.icon.bookmark {
	background: url(../resources/img/bookmark.png) no-repeat center center;
	opacity: 0.6;
}

button span.icon.bookmark.checked, .button span.icon.bookmark.checked {
	background: url(../resources/img/bookmark_checked.png) no-repeat center center;
}

button span.label, .button span.label {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-orient: horizontal;
	margin-left: 9px;
}


.badge {
	display: -webkit-box;
	-webkit-box-align: start;
	-webkit-box-pack: start;
	-webkit-box-orient: horizontal;
	/*width: 100%;*/
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #0989af;
	-webkit-box-shadow: 0px 3px 4px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 3px 4px rgba(90, 90, 90, 0.75);
}

.badge .picture {
	height: 120px;
	width: 120px;
	border: 1px solid #7fc1d5;
	border-radius: 8px 8px;
	/*-webkit-box-shadow: 0px 1px 3px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 1px 3px rgba(90, 90, 90, 0.75);*/
	padding: 0px;
}

.badge p {
	margin: 0px 6px 0px 6px;
}

.badge > ul {
	word-wrap: normal;
    margin: 0px;
    padding-left: 10px;
    width: 180px;
    list-style: none;
}

.badge li.title1 {
	color: #748389;
	font-size: 15px;
	font-weight: bold;
}

.badge li.title2 {
	color: #4c4c4c;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 9px;
}

.badge li.subtitle1 {
	color: #4c4c4c;
	font-size: 10px;
}

.badge li.subtitle1 .label {
	font-weight: bold;
}

.badge li.subtitle2 {
	color: #4c4c4c;
	font-size: 10px;
	font-style: italic;
}



/*************** List items ***************/
.list-item {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-webkit-box-orient: horizontal;
	/*width: 100%;*/
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #0989af;
	-webkit-box-shadow: 0px 2px 2px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 2px 2px rgba(90, 90, 90, 0.75);
	background: url(../resources/img/arrow_right.png) no-repeat 97% center,
	            -webkit-gradient(linear, right top, right bottom, from(#fefefe), to(#f9f9f9));
}

.list-item.fake-active {
	background: url(../resources/img/arrow_right.png) no-repeat 97% center,
	            -webkit-gradient(linear, right top, right bottom, from(#f2f2f2), to(#7fc1d5));
}

/*.list-item ul:last-child::after {
    content: url(../img/arrow_right.png);
    position: absolute;
    right: 9px;
}
*/



.list-item .picture {
	height: 70px;
	width: 70px;
	border: 1px solid #7fc1d5;
	border-radius: 8px 8px;
	/*-webkit-box-shadow: 0px 1px 3px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 1px 3px rgba(90, 90, 90, 0.75);*/
	padding: 0px;
}

.list-item p {
	margin: 0px 6px 0px 6px;
}

.list-item ul {
	word-wrap: normal;
    margin: 0px;
    /*width: 180px;*/
    padding-left: 10px;
    list-style: none;
}

.list-item li.title {
	color: #4c4c4c;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
}

.list-item li.desc {
	color: #4c4c4c;
	font-size: 14px;
}

/*************** END List items ***************/


/*************** Bubble items ***************/

.bubble-item {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	-webkit-box-orient: horizontal;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid #0989af;
}

.bubble-item.fake-active {
	background: -webkit-gradient(linear, right top, right bottom, from(#f2f2f2), to(#7fc1d5));
}


.bubble-item .picture {
	height: 35px;
	width: 35px;
	border: 1px solid #7fc1d5;
	border-radius: 4px 4px;
	padding: 0px;
}

.bubble-item ul {
	word-wrap: normal;
    margin: 0px;
    padding-left: 10px;
    list-style: none;
}

.bubble-item li.title {
	color: #4c4c4c;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2px;
}

.bubble-item li.desc {
	color: #4c4c4c;
	font-size: 14px;
}

/*************** END Bubble items ***************/



/*************** Accordion ***************/

.ac-container {
    width: 85%;
    margin: 10px auto 30px auto;
}

/*.ac-container div {
	margin-top: 2px;
}*/

.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 15;
    display: block;
    height: 20px;
    cursor: pointer;
    color: #5d728a;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    /*line-height: 23px;*/
    font-size: 17px;
    background: -webkit-gradient(linear, right top, right bottom, from(#fefefe), to(#f9f9f9));

	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0px 0px 1px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 1px rgba(90, 90, 90, 0.75);

    /*border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;*/
}

.ac-container > div:first-child label {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.ac-container > div:last-child label {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.ac-container > div:last-child input:checked + label {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ac-container > div:last-child input:checked ~ article {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.ac-container input:checked + label {
	background: -webkit-gradient(linear, right top, right bottom, from(#e8f3ff), to(#cce1f8));
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);

	-webkit-box-shadow: 0px 0px 1px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 1px rgba(90, 90, 90, 0.75);
}


.ac-container label::after,
.ac-container input:checked + label::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 3px;
    background: transparent url(../resources/img/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label::after {
    background-image: url(../resources/img/arrow_up.png);
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: #ffffff;
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;

    -webkit-transition: height 300ms ease-in-out, -webkit-box-shadow 600ms linear;
    transition:         height 300ms ease-in-out, -webkit-box-shadow 600ms linear;

}

.ac-container input:checked ~ article {
    height: 120px; /* Mettere height come in '#standard, #transition' */
    border: 1px solid #dcdcdc;

	-webkit-box-shadow: 0px 0px 1px rgba(90, 90, 90, 0.75);
	box-shadow:         0px 0px 1px rgba(90, 90, 90, 0.75);

    -webkit-transition: height 500ms ease-in-out, -webkit-box-shadow 100ms linear;
    transition:         height 500ms ease-in-out, -webkit-box-shadow 100ms linear;
}

.ac-container article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.ac-container article ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

.ac-container article ul > li {
	padding:0 10px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	background: -webkit-gradient(linear, right top, right bottom, from(#fdfdfd), to(#fbfbfb));
	font-size:14px;
	overflow: hidden;
}

.ac-container article.selectable ul > li {
	background: url(../resources/img/arrow_right_small.png) no-repeat 97% center,
	            -webkit-gradient(linear, right top, right bottom, from(#fdfdfd), to(#fbfbfb));
}

.ac-container article.selectable ul > li.fake-active {
	background: url(../resources/img/arrow_right_small.png) no-repeat 97% center,
	            -webkit-gradient(linear, right top, right bottom, from(#f2f2f2), to(#7fc1d5));
}


/*************** Accordion END ***************/








/*************** iScroll ***************/
ul,li {
	padding:0;
	margin:0;
	border:0;
}

/*body {
	
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
	
}*/

#scrollableframe {
	position:absolute; z-index:1;
	display:block; float:left;
	width:100%; /*height:417px;*/
	top: 63px;
	bottom: 0px;
	/*background:#aaa;*/
	overflow:auto;
	-webkit-transform: translate3d(0,0,0); /* Necessario per non far "sdoppiare" le text-erea quando sono selezionate (se si usa iScroll) */
}

#scrollablebubble {
	position:absolute; z-index:1;
	display:block; float:left;
	width:100%; /*height:417px;*/
	height: 100%;
	overflow:auto;
}

.scrollerbox {
	position:absolute; z-index:1;
	display:block; float:left;
	width:100%; height:120px; /*Mettere height come in '.ac-container input:checked + div article {'*/
	/*background:#aaa;*/
	overflow:auto;
	/*border:1px solid #aaa;*/
}

#standard {
	margin-right:20px;
}

.scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	width:100%;
	padding:0;
}

/*.scroller > ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}

.scroller > ul > li {
	padding:0 10px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	background: -webkit-gradient(linear, right top, right bottom, from(#fdfdfd), to(#fbfbfb));
	font-size:14px;
}*/


#myFrame {
	position:absolute;
	top:0; left:0;
}
/*************** iScroll END ***************/


/*************** Bubble ***************/

.bubble {
	z-index: 999;
	position: absolute;
	top: 58px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px 8px 16px 8px;
	color: black;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 3px #7fc1d5;
	border-radius: 10px;
	border: 6px solid #7fc1d5;
	display: none;
}

nav ul li .clicked::after {
	z-index: 21;
	content: "";
	position: absolute;
	border-width: 0 18px 16px;
	border-color: #7fc1d5 transparent;
	bottom: -15px;
	border-style: solid;
	display: block;
	width: 0;
}

nav ul li:last-child .clicked::after {
	border-width: 0 12px 16px 18px;
}

/*************** Bubble END ***************/


/*************** Rating ***************/

#detailedaverage, #briefaverage {
	visibility: visible;
	opacity: 1;
    -webkit-transition: opacity 700ms linear;
}

#detailedaverage.hidden, #briefaverage.hidden {
	visibility: hidden;
	opacity:0;
	height:0;
}

.rating {
    float:right;
}

.averagerating {
    float:right;
}

.averagerating-container {
	word-wrap: normal;
    margin: 0px;
    padding-right: 10px;
    list-style: none;
}

.rating-container {
	margin: 30px 40px 30px 30px;
	/*display: -webkit-box;
	-webkit-box-align: end;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;*/
}

ul.rating-container li {
	padding-bottom: 30px;
}

.rating-container label {
	float: left;
	font-size: 20px;
}

.averagerating-container label {
	
	font-size: 12px;
}

.rating > input, .averagerating > input {
    position:absolute;
    /*top:-9999px;*/
    clip:rect(0,0,0,0);
}

.rating > label, .averagerating > label {
    float:right;
    padding: 0px 0px 0px 8px;
    overflow:hidden;
    white-space:nowrap;
    color:#ddd;
    /*text-shadow:1px 1px #bbb, 2px 2px #666, 1px 1px 1px rgba(0,0,0,.5);*/
    text-shadow: 0px 0px 4px rgba(0,0,0,.2);
}

.rating > label:before, .averagerating > label:before {
    content: '\2605 ';
}

/*
color: #95CC81; verde
color: #F9FF52; giallo
color: #F22E2E; rosso 
*/

.rating > input:nth-child(1):checked ~ label,
.rating > input:nth-child(3):checked ~ label,
.averagerating > input:nth-child(1):checked ~ label,
.averagerating > input:nth-child(3):checked ~ label {
    color: #95CC81;
    text-shadow: 0px 0px 4px rgba(149,204,129,.5);
}

.rating > input:nth-child(5):checked ~ label,
.averagerating > input:nth-child(5):checked ~ label {
    color: #F9FF52;
    /*text-shadow: 0px 0px 4px rgba(249,255,82,.5);*/
    text-shadow: 0px 0px 4px rgba(176,176,65,.5);
}

.rating > input:nth-child(7):checked ~ label,
.rating > input:nth-child(9):checked ~ label,
.averagerating > input:nth-child(7):checked ~ label,
.averagerating > input:nth-child(9):checked ~ label {
    color: #F22E2E;
    text-shadow: 0px 0px 4px rgba(242,46,46,.5);
}


.rating > label:active, .averagerating > label:active {
    position:relative;
    top: 2px;
    left: 2px;
}​

/*************** Rating END **************